.articlelist,
.articlecategory,
.articletags {
  border-radius: 4px;
  margin-bottom: 1.3rem;
  background-color: var(--bg-second);
  box-shadow: var(--box-shadow);
  line-height: 1.29;
}
.articlelist ul,
.articlecategory ul,
.articletags ul {
  padding: 1rem;
}
.articlelist ul li,
.articlecategory ul li,
.articletags ul li {
  cursor: pointer;
}
.articlelist .icontitle,
.articlecategory .icontitle,
.articletags .icontitle {
  padding: 1rem;
  border-bottom: 1px solid rgba(178, 186, 194, 0.15);
  color: var(--main-text-color);
  font-weight: bold;
}
.articlelist .icontitle span,
.articlecategory .icontitle span,
.articletags .icontitle span {
  margin-left: 0.5rem;
}
.icontitle {
  padding: 1rem;
  border-bottom: 1px solid rgba(178, 186, 194, 0.15);
  color: var(--main-text-color);
  font-weight: bold;
}
.icontitle span {
  margin-left: 0.5rem;
}
.articlelist ul {
  padding: 0 1rem 1rem;
}
.articlelist ul li {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  padding-top: 1rem;
  color: var(--second-text-color);
}
.articlelist ul li:hover {
  color: #ff0064;
}
.articlecategory ul li {
  padding: 8px 7px;
  border-radius: 4px;
  color: var(--second-text-color);
  line-height: 1.5em;
  transition: all ease-in-out 0.2s;
  display: flex;
  justify-content: space-between;
}
.articlecategory ul li:hover {
  color: #ff0064;
}
.articletags ul li {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid rgba(178, 186, 194, 0.15);
  border-radius: 4px;
  margin: 0 7px 7px 0;
  color: var(--second-text-color);
  line-height: 1.5em;
  transition: all ease-in-out 0.2s;
}
.articletags ul li:hover {
  color: #ff0064;
  border: 1px solid #ff0064;
}
